<%@ page  language="java" pageEncoding="UTF-8"%>
<%
	String basePath = request.getContextPath();
%>
<!-- sockjs必须要放在echarts.js上面防止JS冲突 -->
<script src="<%=basePath%>/styles/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="<%=basePath%>/styles/sockjs/sockjs-1.1.1.min.js" type="text/javascript"></script>

<!-- 引入 ECharts 文件 -->
<script src="<%=basePath%>/styles/echarts/echarts.min.js"></script>
<script src="<%=basePath%>/styles/echarts/ecStat.min.js"></script>
<script src="<%=basePath%>/styles/echarts/echarts-liquidfill.min.js"></script>

<!-- 引入 ECharts 主题 -->
<script src="<%=basePath%>/styles/echarts/theme/dark.js"></script>
<script src="<%=basePath%>/styles/echarts/theme/infographic.js"></script>
<script src="<%=basePath%>/styles/echarts/theme/macarons.js"></script>
<script src="<%=basePath%>/styles/echarts/theme/roma.js"></script>
<script src="<%=basePath%>/styles/echarts/theme/shine.js"></script>
<script src="<%=basePath%>/styles/echarts/theme/vintage.js"></script>

<!-- 引入 ECharts ajax封装 -->
<script src="<%=basePath%>/styles/echarts/echarts.ajax.js"></script>

<!-- 引入 ECharts css样式封装 -->
<style type="text/css">
.echarts {
    height: 360px;
    width: 740px;
    overflow: hidden;
    padding : 10px;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
</style>